<!DOCTYPE html>
<html lang="zh-cn" style="height:100%;">

<head>
    <meta charset="utf-8">
    <title>datagrid - easyui demo</title>
    <link rel="stylesheet" href="/js/lib/jeasyui/themes/gray/easyui.css">
    <link rel="stylesheet" href="/js/lib/jeasyui/themes/icon.css">
</head>

<body style="height:100%;margin:0;">
    <div style="height:100%;">
        <div>
            <table></table>
        </div>
    </div>
    <script src="/js/lib/jeasyui/jquery.min.js"></script>
    <script src="/js/lib/jeasyui/jquery.easyui.min.js"></script>
    <script>
        $(function(){
            $('table').datagrid({
                fit:true,
                rownumbers:true,
                pagination:true,
                columns:[[
                    {field:'id',title:'id'}
                ]],
                data:[
                    {id:1},
                    {id:2},
                    {id:3},
                ]
            });
        });
    </script>
</body>

</html>